
<ion-header>

  <ion-navbar color="primary">
    <ion-title>关于年底冲刺</ion-title>
     <ion-buttons start>
      <button ion-button clear ion-only (click)="dismiss()">
        <ion-icon name="arrow-back"></ion-icon>
      </button>
    </ion-buttons>
      <ion-buttons end>
      <button ion-button clear ion-only (click)="presentSearchModal()">
        <ion-icon name="search" end></ion-icon>
      </button>
    </ion-buttons>
      <ion-buttons end (click)="presentPopover($event)">
      <button ion-button clear ion-only>
        <ion-icon name="md-more" end></ion-icon>
      </button>
    </ion-buttons>
    
     
  </ion-navbar>

</ion-header>

<ion-content style="background-color:#f8f8f8">
<ion-list>
  <ion-item>
    <p>全部<ion-icon name="arrow-down"></ion-icon></p>
    <ion-icon name="calendar" item-right></ion-icon>
  </ion-item>
</ion-list>
<div>
  <ion-segment [(ngModel)]="segment">
    <ion-segment-button value="未开始">
      未开始
    </ion-segment-button>
    <ion-segment-button value="进行中">
      进行中
    </ion-segment-button>
    <ion-segment-button value="已完成">
      已完成
    </ion-segment-button>
  </ion-segment>
</div>

<div [ngSwitch]="segment">
  <ion-list *ngSwitchCase="'未开始'">
    <ion-item  (click)="presentDetailhModal()">
      <ion-icon name="ios-bookmark-outline" item-left></ion-icon>
      <h2>年底20天内营销200W</h2>
    </ion-item>
  </ion-list>
  <ion-list *ngSwitchCase="'进行中'">
    <ion-icon name="ios-clipboard-outline"></ion-icon>
    <p class="noitem">该分类下没有任务</p>
  </ion-list>
  <ion-list *ngSwitchCase="'已完成'">
    <ion-icon name="ios-clipboard-outline"></ion-icon>
    <p class="noitem">该分类下没有任务</p>
  </ion-list>
</div>
</ion-content>

<ion-footer>
  <ion-list>
  <ion-item (click)="presentModal()">
     <p><ion-icon name="ios-add-circle"></ion-icon>新增任务</p>
  </ion-item>
</ion-list>
</ion-footer>
